<script setup>
import TitleValue from '@components/TitleValue';
defineProps({
    contract: Object,
    user: Object,
});
</script>

<template>
    <div>
        <el-row :gutter="16">
            <el-col :span="5">
                <title-value title="签约状态:" value="已签约" />
            </el-col>
            <el-col :span="8">
                <title-value title="签约时间:" :value="contract.createTime ? contract.createTime.replace(' T', ' ') : ''" />
            </el-col>
            <el-col :span="11">
                <title-value title="签约流程号:" :value="contract.flowId" />
            </el-col>
        </el-row>
        <el-row :gutter="16">
            <el-col :span="5">
                <title-value title="签约用户号:" :value="contract.agreementNo" />
            </el-col>
            <el-col :span="18" style="display: flex;align-items: center;">
                <span style="color: #587a92; margin-bottom: 10px">合同下载地址:</span>
                <a :href="contract.downloadUrl" target="_blank" style="margin-bottom: 10px; width: 520px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis" rel="noopener noreferrer">
                    {{ contract.downloadUrl }}
                </a>
            </el-col>
        </el-row>
    </div>
</template>
